@import './base.less';
body {
    background-color: #fff;
}
  
//顶部
.top {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
padding: 1.866667vw 0.8vw;
width: 100%;
height: 11.733333vw;
background-color: #fff;
.back {
    display: block;
    width: 7.2vw;
    height: 7.2vw;
    text-align: center;
    font-size: 5.333333vw;
}
.title {
    margin-right: 4vw;
    flex: 1;
    font-size: 4.266667vw;
    font-weight: 700;
    text-align: center;
}
}

// 登录大盒子  
.login-box {
    margin-top: 13.333333vw;
    height: 120.2667vw;
    padding: 13.3333vw 8vw;
    box-sizing: border-box;
  
    .login-prompt {
      margin-bottom: 8vw;
  
      h1 {
        margin-bottom: 5.333333vw;
        font-size: 7.2vw;
        font-weight: 400;
      }
  
      span {
        font-size: 3.7333vw;
        color: rgb(179, 179, 179);
      }
    }
    // 表单
    .login-tel {
      margin-bottom: 4vw;
      border-bottom: 1px solid rgb(243, 241, 242);
      padding: 2.4vw;
      box-sizing: border-box;
      height: 12.8vw;
  
      input {
        width: 100%;
        height: 100%;
        font-size: 3.7333vw;
        color: rgb(48, 49, 51);
      }
    }
  
    .login-pic {
      height: 12.8vw;
      padding: 2.4vw;
      margin-bottom: 4vw;
      box-sizing: border-box;
      border-bottom: 1px solid rgb(243, 241, 242);
      display: flex;
  
      input {
        flex: 1;
        height: 100%;
        font-size: 3.7333vw;
      }
  
      .picture {
        width: 25.6vw;
        height: 8vw;
  
        img {
          height: 100%;
        }
      }
    }
  
    .login-message {
      height: 12.8vw;
      padding: 2.4vw;
      margin-bottom: 4vw;
      box-sizing: border-box;
      border-bottom: 1px solid rgb(243, 241, 242);
      display: flex;
      align-items: center;
  
      input {
        flex: 1;
        height: 100%;
        font-size: 3.7333vw;
      }
  
      .txt {
        padding-right: 2.6667vw;
        font-size: 3.7333vw;
        color: rgb(206, 162, 106);
      }
    }
  
    .login-btn {
      display: flex;
      margin-top: 10.6667vw;
      height: 11.4667vw;
      width: 84vw;
      border: 0 solid #000;
      border-radius: 5.7333vw;
      background: linear-gradient(90deg, #ecb53c, #ff9211);
      font-size: 3.7333vw;
      div{
        text-align: center;
        line-height: 11.4667vw;
        width: 100%;
        color: #fff;
      }
    }
}

// 警告框
.tips {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    padding: 0 5.3333vw;
    height: 10.6667vw;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    line-height: 10.6667vw;
    font-size: 3.4667vw;
    border-radius: 2.6667vw;
    color: #fff;
}
  